<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>peerconnection_signal</title>
</head>
<body>
    <div>
        <button id="connectServerId">Connect Sig Server</button> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
        <button id="leaveId" disabled>Leave</button>
    </div>
    <br />
    <div>
        <label>BandWidth:</label>
        <select id="bandwidth" disabled>
            <option value="unlimited" selected>unlimited</option>
            <option value="2000">2000</option>
            <option value="1000">1000</option>
            <option value="500">500</option>
            <option value="250">250</option>
            <option value="125">125</option>
        </select>
        kbps
    </div>
    <div style="display: flex;">
        <div>
            <h2>Local：</h2>
            <video id="localVideoId" autoplay width="300" height="200"></video>
        </div>
        <div>
            <h2>Remote：</h2>
            <video id="remoteVideoId" autoplay width="300" height="200"></video>
        </div>
    </div>
    <script src="https://unpkg.com/socket.io-client@4.8.1/dist/socket.io.min.js"></script>
    <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
    <script src="./index.js"></script>
</body>
</html>